<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>css样式</title>
		<!--HTML元素自带属性和属性值    css3样式表做整个或单个的效果
		css3有四种样式 其中/**/是css3的注释-->
	<style>
		@import url(css/引入样式表.css);
		/*css3注释*/
		p{
			/*写css的属性和属性值：效果（居中）*/
			text-align: center;/*效果（背景颜色）色值：十六进制 网页三原色：红绿蓝*/
			background-color: #aec9e4;
			/*效果（文本放大）*/
			font-size: 50px;
			/*效果（行高与高度一致，则垂直居中）*/
			line-height: 149px;
			height:149px;
		}
	</style>
	<link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<!--内联样式表(不建议使用，内容与表现没分离)-->
		<p>lorem1</p>
		<p>lorem2</p>
		<span>行内容</span>
		<!--内部样式表(联系使用，样式少) 在head元素中添加style元素 可以开始编写css语法-->
		<!--外部样式表(做项目使用)在head元素中添加link元素-->
		<!-- 引入样式表，不用，有bug 在head中添加style元素-->
	</body>
</html>
